import React from 'react';

const EuiIconTokenJoin = ({ title, titleId, ...props }) => (
  <svg
    width={16}
    height={16}
    viewBox="0 0 16 16"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}>
    {title ? <title id={titleId}>{title}</title> : null}
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.5 4.50061V5.52451C7.5 6.79357 6.31515 7.43256 5.38799 7.2624C5.34434 7.25439 5.29834 7.25 5.25 7.25C4.83579 7.25 4.5 7.58579 4.5 8C4.5 8.41421 4.83579 8.75 5.25 8.75C5.29834 8.75 5.34434 8.74561 5.38799 8.7376C6.31515 8.56743 7.5 9.20643 7.5 10.4755V11.4994H11.5V10.4942C10.1995 10.4059 9.17188 9.32294 9.17188 8C9.17188 6.67706 10.1995 5.59412 11.5 5.50582V4.50061H7.5ZM13 4.00061C13 3.44833 12.5523 3.00061 12 3.00061H7C6.44772 3.00061 6 3.44833 6 4.00061V5.52451C6 5.69705 5.82847 5.81819 5.65877 5.78704C5.52621 5.76271 5.38959 5.75 5.25 5.75C4.00736 5.75 3 6.75736 3 8C3 9.24264 4.00736 10.25 5.25 10.25C5.38959 10.25 5.52621 10.2373 5.65877 10.213C5.82847 10.1818 6 10.303 6 10.4755V11.9994C6 12.5517 6.44772 12.9994 7 12.9994H12C12.5523 12.9994 13 12.5517 13 11.9994V9.00429C13 8.9654 12.9854 8.92883 12.9599 8.89943C12.8514 8.77404 12.3661 8.73855 12.2284 8.83096C12.0693 8.93772 11.8779 9 11.6719 9C11.1196 9 10.6719 8.55228 10.6719 8C10.6719 7.44772 11.1196 7 11.6719 7C11.8779 7 12.0693 7.06228 12.2284 7.16904C12.3661 7.26145 12.8514 7.22596 12.9599 7.10057C12.9854 7.07117 13 7.0346 13 6.99571V4.00061Z"
    />
  </svg>
);

export const icon = EuiIconTokenJoin;
